בסדרת מדריכים זאת נלמד את הבסיס לתכנות אתרים, שפת ה HTML, המדריך יכלול דוגמאות ומקומות לשאול שאלות במידה וקשה
שלום, אם הגעתם לכאן כנראה שאתם רוצים ללמוד תכנות אתרים, זהו מקצוע לא קל אך מהנה ורווחי. בואו נתחיל מהבסיס בהנחה שאתם לא יודעים שום דבר על תכנות אתרים.
לתכנות אתרים יש מגוון רחב של שפות שמאפשרות דברים שונים ולעיתים דומים אבל כל שפות התכנות ל Web עובדות עם HTML, הבסיס של כל אתר אינטרנט. להלן סדר למידת השפות המומלץ ביותר ובמדריך זה נתחיל עם HTML שהוא הבסיס
*HTML
*CSS
*Javascript
*PHP
*SQL
*Jquery
מעוניינים עכשיו לראות איך אתרים בנויים? על כל אתר תוכלו ללחוץ לחיצה ימנית >> View page source ויוצג לכם קוד האתר אך שימו לב שכל אתר אפילו הבסיסי ביותר סביר להניח יכלול CSS ו JS.
בשביל ליצור דף HTML חדש תוכלו להשתמש ב Notepad אך קיימות תוכנות אשר יקלו על חייכם במראה והתראות כמו תג שלא סגרתם, ההמלצה שלי למתחילים היא להוריד את התוסף text בכתובת
https://chrome.google.com/webstore/detail/text/mmfbcljfglbokpmkimbfghdkjmjhdgbg?utm_source=chrome-app-launcher
לאחר מכן פתחו עמוד ושמרו אותו בתור index.html כמו שרואים בתמונה
כעט נוכל ללחוץ עליו פעמיים ויפתח עמוד אינטרנט ריק, זאת מכיוון שעוד לא הכנסו לו שום מידע, בשביל לעשות זאת נצטרך להתחיל להשתמש בתגיות שנפתחות ונסגרות עם <>, נתחיל ביצירת דף HTML בסיסי שיכלול html בשביל להגיד שזה דף HTML, התג השני יהיה head בשביל כל מה שלא יופיע בעמוד אך נחוץ לאתר וה Body הוא הדף המוחשי שהגולש יראה, שימו לב שכל תג שפותחים חייב גם להסגר, כך יראה הקוד שלנו:
<html>
<head>
ראש העמוד
</head>
<body>
גוף העמוד
</body>
</html>
<head>
ראש העמוד
</head>
<body>
גוף העמוד
</body>
</html>
במידה ותדפיסו את עמוד זה תקבלו את הטקסט "גוף העמוד" אך יכול להיות שתקבלו ג'יבריש במידה והשתמשתם בפנקס הרשימות, לצורך זה אנחנו צריכים להגדיר קידוד על ידי תג Meta שבניגוד לתגים שהראינו עד עכשיו לא צריך תג סגירה נפרד והוא יכתב כך:
<meta charset="utf-8" />
הוסיפו זאת לתוך ה Head וכעט יוצג לכם טקסט בעברית
כעט נגיד ונרצה ליצור כותרת לעמוד, משהו גדול שימשוך את הקוראים, את זה נעשה ע"י התג <h1> שיציג כותרת, ניתן לבחור בין <h1> עד <h6> והדבר שמשתנה הוא הגודל כאשר <h6> הוא הקטן ביותר ו <h1> הוא הגדול ביותר, קצת מבלבל אבל אתם תזכרו.
ככה יראה אם נעשה כותרת:
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>זוהי כותרת!</h1>
זהו סתם טקסט בדיקה לאתר הראשון שלי
</body>
</html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>זוהי כותרת!</h1>
זהו סתם טקסט בדיקה לאתר הראשון שלי
</body>
</html>
אז מה למדנו במדריך ראשוני זה? כיצד ליצור עמוד HTML, המבנה הבסיסי של השפה ואיך להוסיף כותרות, ל HTML יש עוד הרבה מה לציע וזאת נלמד במדריכים הבאים
תגובות לכתבה:
תודה רבה וכל הכבוד :)